<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>店铺申请</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../../css/style.css" />
		<link rel="stylesheet" href="../../../css/title.css" />
		
		<style>
			.mui-content{margin:20px 10px;}
			.shop-name div{color:#000;background:#fff;padding:0 0 5px 5px;height:40px;width:60%;}
			.shop-name div label{font-size:14px;color:#000;}
			.shop-name div input{padding:0px;width:50%;background:none;border:none;font-size:12px;margin:0px;height:40px;}
			.shop-name span{display: block;line-height:4;float: left;width:40%;font-size:12px;color:#fff;}
			.shop-name span.green{color:#0f0;}
			.shop-name span.red{color:red;}
			.shop-type p{border-bottom:1px dotted #999;}
			.mairu_list{padding-top:0px;flex-flow:row;flex-wrap:wrap;justify-content: space-around;border:none;}
			.mairu_list button{border-radius:14px;font-size:12px;float:left;margin-bottom:8px;padding:5px;background:#ccc;border:none;color:#05508a;}
		    .apply button{height:40px;line-height: 40px;padding:0px;color:#fff;background:#05508a;border:none;}
		    .audit{margin-top:40px;}
		    .audit button{width:40%;margin-left:30%;color:#999;border-radius:20px;border:none;height:40px;line-height: 40px;padding:0px;background:#333;}
		    .mairu_list{height:auto;padding-bottom:0px;}
		
		    .mairu_list .mui-btn.selected{
		    	background: #05508a;
		    	color:#fff;
		    }
		</style>
	</head>

	<body>
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title">店铺申请</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header> 
		<div class="mui-content">
			<input type="hidden" name="user_id" id="user_id" class=""  />
			<input type="hidden" name="mobile" id="mobile" class=""  />
			<input type="hidden" name="a1_money" id="a1_money" class=""  />
			<!--店铺名称-->
			<div class="shop-name" style="overflow: hidden;">
				<div class="mui-pull-left" style="width:70%;">	
					<label lang>店铺名称：</label>
				    <input type="text" id="store_name" placeholder="请输入店铺名称" style="width:62%;" lang/>
				</div>
				<span class="mui-icon mui-icon-checkmarkempty mui-pull-left green" style="display: none;width:30%;color:black;" id="check_1"><font color="black" lang>该名称可以使用</font></span>
				<span class="mui-icon mui-icon-closeempty red" style="display: none;width:30%;color:black;" id="check_0"><font color="black" lang>该名称已被使用</font></span>
			</div>
			
			<p></p>
			<!--店铺类型-->
			<div class="shop-type" id="list-area"> </div>
			  <script id='list-template' type="text/template">
				<p lang>店铺类型：</p>
				<div class="mairu_list store_types">
					<% for(var i in store_types){ var item=store_types[i]; %>
						<button class="mui-btn" data-id="<%=(item.id)%>" lang><%=(item.name)%></button>
					<% } %>
				</div>

				<div style="color:#05508a;font-size:14px;margin-bottom:5px;" lang>实体商家：</div>
				<div class="mairu_list store_business" style="height:auto;">
					<% for(var i in store_business){ var item=store_business[i]; %>
						<button class="mui-btn" data-id="<%=(item.id)%>" lang><%=(item.name)%></button>
					<% } %>
				</div>
				
				<div style="color:#05508a;font-size:14px;margin:5px 0;" lang>全球品牌：</div>
				<div class="mairu_list store_brands" style="height:auto;">
					<% for(var i in store_brands){ var item=store_brands[i]; %>
						<button class="mui-btn" data-id="<%=(item.id)%>" lang><%=(item.name)%></button>
					<% } %>
				</div>
			
				<div class="mui-button-group apply" <% if(!store.store_name){ %> style="display:block" <% } else{ %> style="display:none" <% } %> >
					<button class="mui-btn mui-btn-block" onclick="do_post()" lang>提交申请</button>
				</div>
	
				<!--审核中-->
				<!--提交后弹出审核中，直到审核通过消失-->
				<div class="mui-button-group audit" <% if(store.store_name && store.status==1){ %> style="display:block" <% } else{ %> style="display:none" <% } %>>
					<button class="mui-btn mui-btn-block" lang>审核中</button>
				</div>
			    
		    </script>
		</div>
		
		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/config.js"></script>
		<script src="../../../js/common.js"></script>
		<script src="../../../js/arttmpl.js"></script>
		<script src="../../../js/sockjs.js"></script>
		<script src="../../../resource/store/shop_apply.js"></script>
    	<script src="../../../lang/shop.js"></script>
		
	</body>

</html>